
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
    <ol class="breadcrumb">
        <strong>当前位置:</strong>
        <li class="breadcrumb-item"><a href="#" class="text-decoration-none link-success">管理中心</a></li>
        <li class="breadcrumb-item"><a href="#" class="text-decoration-none link-success">用户管理</a></li>
        <li class="breadcrumb-item active" aria-current="page">用户信息管理</li>
    </ol>
</nav>
<div class="container col-md-10">
    <nav class="nav-search input-group mb-3">
        <label id="label-search-type" class="btn btn-dark" for="searchWrapper">名称</label>
        <button type="button" class="btn btn-light dropdown-toggle dropdown-toggle-split mx-1" data-bs-toggle="dropdown" aria-expanded="false">
            <span class="visually-hidden">选择其他</span>
        </button>
        <ul class="dropdown-menu bg-secondary">
            <li><a class="dropdown-item">名称</a></li>
            <li><a class="dropdown-item">性别</a></li>
            <li><a class="dropdown-item">生日</a></li>
            <li><hr class="dropdown-divider"></li>
            <li><a class="dropdown-item">电话</a></li>
            <li><a class="dropdown-item">详细地址</a></li>
            <li><a class="dropdown-item">ID</a></li>
        </ul>
    <!--        搜索的限制条件-->
        <div id="searchWrapper" class="pb-2 pt-2">
            <input name="searchUserName" type="text" class="bg-light w-auto mx-1" placeholder="支持正则表达式">
        </div>
        <button id="btn-add-search" type="button" class="btn btn-dark mx-2 btn-sm" style="border-radius: 5px">
            添加筛选条件
        </button>
        <button id="btn-clear-search" type="button" class="btn btn-dark mx-2 btn-sm" style="border-radius: 5px">
            清空标签
        </button>
        <button id="btn-start-search" type="button" class="btn btn-primary btn-sm float-right">
            <i class="bi bi-search"></i>
            搜索
        </button>

    </nav>
    <div class="text-end">
        <button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#div-modal-add" onclick="openAddUserModal()">添加用户</button>
        <button id="btn-delete-users" type="button" class="mx-3 btn btn-danger" onclick="removeUsers()">
            批量删除选中的用户
        </button>
    </div>
    <div id="searchAlertPlaceholder" class="row"></div>
    <h6 id="TextOfShowResultSum"></h6>
</div>